import React from 'react';
import './style.less'
import Header from '@/component/layout/Header/Header';
import { Link } from 'react-router-dom';
import { connect } from "react-redux";

const img1 = require('../../assests/img/icon-header.png');

const NotFound = (props) => {
  const { user: {role} } = props;
  return (
    <>
      <Header
        right={<Link to={role==3?'/ningJu':'/'}><img className="icon-header home-icon-header" src={img1} alt="" /></Link>}
      />
      <div className="global-content NotFound-box">
        <p>404</p>
        <p>NotFound</p>
      </div>
    </>
  )
}

const mapStateToProps = state => {
  return {
    user: state.user
  }
}


// export default NotFound 
export default connect(mapStateToProps, null)(NotFound);